@charset 'utf-8';

@function v($w) {
    @return ($w / 750) * 100+vw;
}
@keyframes roll {
    from {
        transform:translateX(v(-0));
    }
    50% {
        transform:translateX(v(-750));

    }
    100% {
        transform:translateX(v(-1500));
    }
}
html {
    width: v(750);
    overflow-x: hidden;
}
// 轮播图
.rollPic {
    width: 300%;
    height: v(287);
    display: flex;
    // flex-shrink: 0;
    animation: roll 10s ease-in-out infinite normal forwards ;
    img {
        width: v(750);
        height: v(287); 
    }
}
// 横幅栏优惠团购 在common.css中
// 内容上
.bannerPic{
    width: v(750);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: v(0) v(100);
    box-sizing: border-box;
    div {
        width: v(241);
        height: v(97);
        margin: v(30) v(0);
        img {
            width: 100%;
        }
    }
}
// 横幅栏 在common.css中

//内容中
.item {
    width: v(750);
    height: v(164);
    padding: v(0) v(20);
    font-size: v(22);
    display: flex;
    justify-content: space-around;
    margin: v(30) v(0);
    color: #494949;
    box-sizing: border-box;
    .itemLef{
        width: v(211);
        height: v(164);
        img {
            width: 100%;
            height: 100%;
        }
    }
    .itemMid {
        h2 {
            color: black;
            font-size: v(30);
            line-height: v(75);
        }
        h3 {
            color: #ff9344;
            font-size: v(32);
            line-height: v(72);
        }
    }
    .itemRig {
        line-height: v(50);
    }
}
// foot 在common.css中